/************************************************************************************
RESET
*************************************************************************************/
html, body, address, section ,article, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,strong, sub, sup, tt, var, legend, fieldset {margin: 0;padding: 0; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
img, fieldset {border: 0; max-width:100%;}
/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {  display: block;}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
body { font-family:"Microsoft YaHei"; font-size:13px; overflow-x:hidden;}
a {text-decoration: none; color:#666; outline: none;}
a:hover {text-decoration:none; color:#b10000;}
/* list */
ul, ol ,li{ list-style:none;}
/* headings */
h1, h2, h3, h4, h5, h6 { font-weight:normal;}
/* reset webkit search input styles */
input{ margin:0px; padding:0px;  margin:0px; font:100% Arial, Helvetica, clean, sans-serif; font-size-adjust:none; font-stretch:normal; }
textarea{ margin:0px; padding:0px;  margin:0px; font:100% Arial, Helvetica, clean, sans-serif; font-size-adjust:none; font-stretch:normal;}
select{margin:0px; padding:0px; font:100% Arial, Helvetica, clean, sans-serif;  font-size-adjust:none; font-stretch:normal;}
table { border-collapse:collapse; border-spacing:0;}
/************************************************************************************
CLEARFIX
*************************************************************************************/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }
.clr{ clear:both;}

/*public*/
.yaHei{ font-family:"\5FAE\8F6F\96C5\9ED1";}
.fl{ float:left;}
.fr{ float:right;}
.mt5{ margin-top:5px;}
.mt7{ margin-top:7px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}

.ml5{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.ml25{ margin-left:25px;}
.ml30{ margin-left:30px;}
.ml50{ margin-left:50px;}

.mr0{ margin-right:0px;}
.mr5{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.mr25{ margin-right:25px;}
.mr30{ margin-right:30px;}
.mr50{ margin-right:50px;}

.mb0{ margin-bottom:0px;}
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}

.pl10{ padding-left:10px;}
.pl20{ padding-left:20px;}
.pr10{ padding-right:10px;}
.pr20{ padding-right:20px;}
.pt10{ padding-top:10px;}
.pt20{ padding-top:20px;}
.pb10{ padding-bottom:10px;}
.pb20{ padding-bottom:20px;}

/*form*/
.input30{ width:30px; border:1px solid #ccc; height:20px; line-height:20px; padding-left:5px;}
.input50{ width:50px; border:1px solid #ccc; height:24px; line-height:24px; padding-left:5px;}
.input80{ width:80px; border:1px solid #ccc; height:20px; line-height:20px; padding-left:5px;}
.input100{ width:100px; border:1px solid #ccc; height:24px; line-height:24px; padding-left:5px;}
.input120{ width:120px; border:1px solid #ccc; height:20px; line-height:20px; padding-left:5px;}
.input150{ width:150px; border:1px solid #ccc; height:24px; line-height:24px; padding-left:5px;}
.input180{ width:180px; border:1px solid #ccc; height:20px; line-height:20px; padding-left:5px;}
.input200{ width:200px; border:1px solid #ccc; height:20px; line-height:20px; padding-left:5px;}
.input250{ width:250px; border:1px solid #ccc; height:20px; line-height:20px; padding-left:5px;}
.input300{ width:300px; border:1px solid #ccc; height:20px; line-height:20px; padding-left:5px;}
.textarea300{ width:300px; height:60px; border:1px solid #ddd;}
.textarea400{ width:400px; height:100px;}
.textarea70{ width:70%; height:150px; }

/* color */
.color01{ color:#02a9f0;}
.color02{ color:#ce0a14;}
.color688fab{ color:#688fab;}
.color6f0e0e{ color:#6f0e0e;}
.color999{ color:#999;}
.color666{ color:#666;}

/* font */
.fontbold{ font-weight: bold;}
.fontnormal{ font-weight:normal}
.fontsize12{ font-size: 13px;}
.fontsize13{ font-size: 13px;}
.fontsize14{ font-size: 14px;}
.fontsize16{ font-size: 16px;}
.fontsize18{ font-size: 18px;}
.fontsize24{ font-size: 24px;}

.fontsimsun{ font-family: "SimSun";}
.fontyahei{ font-family: "Microsoft YaHei";}

/* line-height */
.lineheight18{ line-height: 18px;}
.lineheight20{ line-height: 20px;}

/* text-align */
.textaligncenter{ text-align: center;}
.textalignleft{ text-align: left;}
.textalignright{ text-align: right;}

/*border*/
.border{border:1px #ddd solid;}
.border-t-0{border-top: 0;}
.border-0{border: 0;}

.strong{font-weight: bold;}

/*padding*/
.padding5{padding: 5px;}
.padding10{padding: 10px;}
.cursor{cursor: default;}
